import type { Config } from "tailwindcss"
const plugin = require('tailwindcss/plugin')

const config = {
  darkMode: ["class"],
  content: [
    './pages/**/*.{ts,tsx}',
    './components/**/*.{ts,tsx}',
    './app/**/*.{ts,tsx}',
    './src/**/*.{ts,tsx}',
  ],
  prefix: "",
  theme: {
    container: {
      center: true,
      padding: "2rem",
      screens: {
        "2xl": "1400px"
      },
    },
    extend: {
      keyframes: {
        "accordion-down": {
          from: { height: "0" },
          to: { height: "var(--radix-accordion-content-height)" },
        },
        "accordion-up": {
          from: { height: "var(--radix-accordion-content-height)" },
          to: { height: "0" },
        },
      },
      animation: {
        "accordion-down": "accordion-down 0.2s ease-out",
        "accordion-up": "accordion-up 0.2s ease-out",
      },
      transform: {
        'rotate-y-0': 'rotateY(0deg)',
        'rotate-y-180': 'rotateY(-180deg)',
        'rotate-y-360': 'rotateY(-360deg)',
      },
      screens: {
        '3xl': '1650px',
        'max-1650': {
          max: '1649px'
        }
      }
    },
  },
  plugins: [
    require("tailwindcss-animate"),
    plugin(function ({ addUtilities }: { addUtilities: any }) {
      addUtilities({
        '.rotate-y-0': {
          transform: 'rotateY(0deg)',
        },
        '.rotate-y-180': {
          transform: 'rotateY(-180deg)',
        },
        '.rotate-y-360': {
          transform: 'rotateY(-360deg)',
        }
      });
    }),
  ],
} satisfies Config

export default config